<style type="text/css">
	.c{
		height: 100px
	}
</style>
<layout name="layout"/>
<div class="container">
	<div class="row">
		<div class="col-md-8">
		<h2 class="text-center">留言板</h2>
		<volist name="messages" id="message">
			<ul class="list-group">
			  <li class="list-group-item list-group-item-success active">
			  	<div class="col-md-9">网友：{$message.user.account}</div><div class="s">{$message.time}</div>
			  </li>
			  <li class="list-group-item list-group-item-success c">
			  	<p>{$message.content}
			  </li>
			</ul>
		</volist>
			<nav class="col-md-offset-9">
			  <ul class="pagination">
			    <li id="pre">
			      <a href="#" onclick="previous()"aria-label="Previous">
			        <span aria-hidden="true">&laquo;</span>
			      </a>
			    </li>
			    <li class="active"><a id="pageIndex" href="#">{$pageIndex}</a></li>
			    <li id="nex">
			      <a href="#" onclick="next()"aria-label="Next">
			        <span aria-hidden="true">&raquo;</span>
			      </a>
			    </li>
			  </ul>
			</nav>

			<form action="/index.php/Home/Message/create" method="post">
				<textarea rows="5" cols="100%" name="content">
				在w3school，你可以找到你所需要的所有的网站建设教程。
				</textarea>
				<input type="submit" value="留言">
			</form>
		</div>

		<div class="col-md-4" >
			<br/><br/><br/><br/><br/>
			<div class="input-group">
      			<input type="text" class="form-control" placeholder="Search for...">
      			<span class="input-group-btn">
        		<button class="btn btn-default" type="button">查找</button>
      			</span>
    		</div><!-- /input-group -->
    		<div class="hero-unit">
				<h1>
					布局凑数
				</h1>
				<p>
					这是一个可视化布局模板, 你可以点击模板里的文字进行修改, 也可以通过点击弹出的编辑框进行富文本修改. 拖动区块能实现排序.
				</p>
				<p>
					<a class="btn btn-primary btn-large" href="www.baidu.com">参看更多 »</a>
				</p>
			</div>
		</div>
	</div>
</div>
